<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- vw适配无需引入JS文件 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="iconfont/iconfont.css">
</head>

<body>
  <!-- head         -- s -->
  <header>
    <div class="address">
      <h5>北京</h3>
    </div>
    <div class="search">
      <label for="">
        <i class="iconfont icon-search"></i>
        <input type="text" placeholder="输入小区名称或商圈">
      </label>
    </div>
    <div class="msg">
      <img src="./icons/header_news.png" alt="">

    </div>
  </header>

  <!-- banner    ----s-->
  <div class="banner ">
    <div class="pic">
      <img src="./imgs/banner.png" alt="">
      <div class="aticve">
        <i></i><i></i>
      </div>
    </div>
  </div>

  <!-- ad广告 -->
  <div class="ad">
    <div>
      <img src="./icons/nav_1.png" alt="">
    </div>
    <div>
      <img src="./icons/nav_2.png" alt="">
    </div>
  </div>
  </div>

  <!-- goods 商品页 -->
  <div class="goods">
    <h4>超值优惠</h4>
    <img src="./icons/content_icon_next.png" alt="">
  </div>
  <div class="goods_item">

    <div>
      <img src="./imgs/content_tu_home_left@2x.png" alt="">
      <div class="txt">
        <h4>宝石花元</h4>
        <h4>朝阳区-2室一厅-90㎡</h4>
        <h4>￥7800/月</h4>
      </div>
    </div>

    <div>
      <img src="./imgs/content_tu_home_left@2x.png" alt="">
      <div class="txt">
        <h4>宝石花元</h4>
        <h4>朝阳区-2室一厅-90㎡</h4>
        <h4>￥99999/月</h4>
      </div>
    </div>
  </div>

  <!-- ad_item   --s------>
  <div class="ad_item">
    <img src="./imgs/ggwei_home.png" alt="">
  </div>

  <!-- list ---s -->
  <div class="title">
    <h3>为你推荐</h3>
    <h3>整租</h3>
    <i></i>
    <h3>合租</h3>
  </div>

  <div class="list">

    <div class="list_1">
      <div class="pic">
        <img src="./imgs/home_list_tu1@2x.png" alt="">
      </div>
      <div class="info">
        <h4>整租-保利家园7号院1号楼</h4>
        <span>朝阳区<i>2室1厅</i>90㎡</span>
        <h5>距5号线立水桥1200米,13号线广西南合...</后>
          <div class="feature">
            <span>独卫</span>
            <span>含阳台</span>
          </div>
          <div class="num">
            <p>￥99999</p>
          </div>
      </div>
    </div>

    <div class="list_1">
      <div class="pic">
        <img src="./imgs/home_list_tu1@2x.png" alt="">
      </div>
      <div class="info">
        <h4>整租-保利家园7号院1号楼</h4>
        <span>朝阳区<i>2室1厅</i>90㎡</span>
        <h5>距5号线立水桥1200米,13号线广西南合...</后>
          <div class="feature">
            <span>独卫</span>
            <span>含阳台</span>
          </div>
          <div class="num">
            <p>￥99999</p>
          </div>
      </div>
    </div>

    <div class="list_1">
      <div class="pic">
        <img src="./imgs/home_list_tu2@2x.png" alt="">
      </div>
      <div class="info">
        <h4>整租-保利家园7号院1号楼</h4>
        <span>朝阳区<i>2室1厅</i>90㎡</span>
        <h5>距5号线立水桥1200米,13号线广西南合...</后>
          <div class="feature">
            <span>独卫</span>
            <span>含阳台</span>
          </div>
          <div class="num">
            <p>￥99999</p>
          </div>
      </div>
    </div>

    <div class="list_1">
      <div class="pic">
        <img src="./imgs/home_list_tu3@2x.png" alt="">
      </div>
      <div class="info">
        <h4>整租-保利家园7号院1号楼</h4>
        <span>朝阳区<i>2室1厅</i>90㎡</span>
        <h5>距5号线立水桥1200米,13号线广西南合...</后>
          <div class="feature">
            <span>独卫</span>
            <span>含阳台</span>
          </div>
          <div class="num">
            <p>￥99999</p>
          </div>
      </div>
    </div>

    <div class="list_1">
      <div class="pic">
        <img src="./imgs/home_list_tu4@2x.png" alt="">
      </div>
      <div class="info">
        <h4>整租-保利家园7号院1号楼</h4>
        <span>朝阳区<i>2室1厅</i>90㎡</span>
        <h5>距5号线立水桥1200米,13号线广西南合...</后>
          <div class="feature">
            <span>独卫</span>
            <span>含阳台</span>
          </div>
          <div class="num">
            <p>￥99999</p>
          </div>
      </div>
    </div>

    <!-- more       --s-->
    <div class="more">
      <span>查看更多优质房源</span>
    </div>

    <!-- story     --- -->
    <div class="story">
      <img src="./imgs/gushirukou_home.png" alt="">
    </div>


    <!-- footer    ----s-->
    <footer>
      <div>
        <span class="iconfont icon-home "></span>
        <p>首页</p>
      </div>
      <div>
        <span class="iconfont icon-search "></span>
        <p>快速找房</p>
      </div>
      <div>
        <span class="iconfont icon-agent
          "></span>
        <p>委托代理</p>
      </div>
      <div>
        <span class="iconfont icon-my "></span>
        <p>我的</p>
      </div>
    </footer>
</body>

</html>